<template>
	<div>
		<el-card class="!border-none pt-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				延期确认
			</div>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">延期天数：</span>
						<el-input disabled class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
				<el-col :span="6" class="ml-[62px]">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">发货日期：</span>
						<el-date-picker type="date" placeholder="请选择" size="default" />
					</div>
				</el-col>
			</el-row>
			<el-row class="mt-[20px]">
				<el-col :span="6">
					<div class="main-color v-flex">
						<span class="w-[150px] text-right">延期说明：</span>
						<el-input disabled class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
					</div>
				</el-col>
			</el-row>
		</el-card>
		<el-card class="!border-none pt-4 mt-[20px]" shadow="never">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				审核
			</div>
			<div class="main-color v-flex v-col-center mt-[20px]">
				<span>类型：</span>
				<el-radio-group v-model="radio" class="ml-4">
					<el-radio label="1" size="large">确认延期</el-radio>
					<el-radio label="2" size="large">不延期</el-radio>
				</el-radio-group>
			</div>
			<div class="main-color v-flex v-col-top mt-[20px]">
				<span>原因：</span>
				<el-input type="textarea" :rows="3" class="flex-1 ml-[10px]" placeholder="请输入"></el-input>
			</div>
		</el-card>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]" >取消</el-button>
			<el-button class="w-[100px] h-[36px]" color="#0054A6" type="primary">提交</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	const radio = ref('1')
</script>

<style>
</style>